#background
{
background-image:url('background.jpg');
}
#contact-background
{
	background-color:#F5F5F5;
}

#container
{height:1100px;
 width:1100px;
 margin:0 auto;
 border:10px;
 border-color:yellow;
 }
 
 #logoandtext
 {height:90px;
 width:1100px;
 }
 
 #logo
 {height:90px;
 width:200px;
 margin:0 0 0 200px;
 float:left;
 }
 
 #logo img{width:100%;height:100%;}
 
 #text
 {    height: 90px;
    width: 600px;
    font-size: 90px;
    font-family: cursive;
    float: left;
    margin: 0 auto;
    text-align: center;
 }
 
 #menu
 {width:1100px;
 height:10px;
 margin:20px;
 }
 #menu a:link
{display:block;
text-decoration:none;
color:1E90FF;
}

#menu a:hover
{display:block;
text-decoration:none;
color:AA3939;
}

#menu a:active
{display:block;
text-decoration:none;
color:A8381B;
}
 
 .box
 {height:10px;
 width:100px;
 margin:0 100px 10px 60px;
 float:left;
 font-size:20px;
 font-family:cursive;
  color:#AA2300;
 }
 .box1
 {height:10px;
 width:100px;
 margin:0 100px 10px 20px;
 float:left;
 font-size:20px;
 font-family:cursive;
  color:#AA2300;
 }
 .box2
 {height:10px;
 width:100px;
 margin:0 0px 10px 60px;
 float:left;
 font-size:20px;
 font-family:cursive;
 color:#AA2300;
 }
 
 #product
 {height:736px;
 width:1100px;
 margin:10px;
 }
 
 .detail
 {
    height: 250px;
    width: 200px;
    float: left;
    margin: 10 10 10 10;
}

.detail img
 {height:200px;
 width:200px;
 }
 
 .font
 {width:200px;
 text-align:center;
 height:50px;
 font-family: cursive;
 font-size: larger;
 }
 
 #contact
 {
	margin:0px 0px;
    text-align: center;
    width: 1100px;
    font-size: larger;
    font-family: cursive;
 }
 
 #contact-us
 {
	 width: 600px;
    height: 600px;
    margin: 150px 440px;
    font-family: cursive;
    font-size: xx-large;
 }
 

 #log-in-image
 {
	width: 300px;
    height: 300px;
    margin: 30px 400px
 }
 
 #log-in-image img
 {
	width: 300px;
    height: 300px;
    margin: 20px 0 100px
 }
 
 #denglu
 {
	 text-align:center;
	 font-size:larger;
	 font-family:cursive;
	 margin:50px auto;
 }
 
#signup
{
	text-align: center;
    font-size: 50px;
    font-family: monospace
} 


#product-describe
{
	width:1100px;
	height:500px;
	margin:27px auto;
}

#product-p
{
	height: 500px;
    width: 800px;
    float: left;
    background-color: yellow;
    margin: 0px;
}
#product-p img{width:100%;height:100%;}
#describe
{
	height: 500px;
    width: 280px;
    float: left;
    background-color: green;
    margin: 0px 10px;
}

#comment
{
	height:500px;
	width:1100px;
	background-color:red;
}

.content{
	width:80%;
	margin:50px auto;
	
	background-color: #ece9cd;
}
.leftpart{
	width: 50%;
	float:left;
	
	height:250px;

}

.up{
	width:100%;
	float:left;

}

.up div{
	margin-top:10px;
}

.up input{
	width: 60%;
}

.fieldname{
	width:30%;
	float:left;
	text-align: right;

}

.fieldinput{
	width:70%;
	float:left;

}


.down{
	width: 100%;
	float:left;
    font-family: cursive;
	margin-top: 5px;
}

.down div{
	margin-top: 10px;
}

.down div input{
	margin-left: 5%;
}

.down div select{
	margin-left: 3%;
}


.rightpart{
	width: 50%;
	float: left;
	height:250px;
}

.formsubmit{
	line-height: 50px;
	
	text-align:center;
}
.subbtn{
	margin: 20px auto;
    height: 26px;
    width: 100px;
}
.seal
{
	width: 1024px;
    height: 1024px;
    margin: 50px auto;
    background-image: url(loginpage.jpg);
} 
.seal input
{
	width:30%;
}
.putsome
{
	margin-top:10px;
	margin-left:100px;
}
.fieldwhat
{
	width:30%;
    float:left;
    text-align:right;
    margin-left:80px;
   color:aliceblue;
}
.search
{
	width: 800px;
    height: 320px;
    margin: 50px 200 0 200;
    background-color: #2dae39;
} 
.search input
{
	width:10%;
}
.fieldshit
{
	    float: left;
    text-align: right;
    margin-left: -50;
}

.haha
{
	width:800px;
	height:140px;
	text-align:center;
}
#useforsearch
{
	float:right;
	margin-top:10px;
	margin-right:5px;
	font-family:cursive;
}
.rulepage
{
	width:90%;
	text-align:left;
	margin:0px 50px;
}
.rulepage p
{
	margin-top:10px;
	margin-bottom:0px;
	padding-left:300px;
}
 #useforsearch a:link
{display:block;
text-decoration:none;
color:1E90FF;
}

#useforsearch a:hover
{display:block;
text-decoration:none;
color:AA3939;
}

#useforsearch a:active
{display:block;
text-decoration:none;
color:A8381B;
}

